
/* 公共属性样式 */

/* 测试工具 */
.bd{ border: 1px solid red; }

/* 通栏 */
.container-fluid{ min-width: 1200px; }

/* 版心 */
.container{ width: 1200px; margin: 0 auto;}

.center{
    text-align: center;
}
/* 浮动 */
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after{ content: ''; height: 0; display: block; clear: both; }


/* color */
.cfff{ color: #fff; }
.c127{color: #1271ef;}
.c000{color: #000;}
.c666{color: #666;}
.green{color: #42c890;}
.red{color: #ff7587;}
.bl{color: #00bdff;font-weight: bold;}
.bl0bf{color: #00bdff;}

/* 首行缩进 */
.ti23{text-indent: 23px;}

/* 右对齐 */
.tar{
    text-align: right;
}

/* bg-color */
.bgcf60{ background-color: #f60;}

/* 显示隐藏 */
.on{
    display: block;
}
.off{
    display: none;
}

/* font-size */
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }
.f26{ font-size: 26px; }
.f38{ font-size: 38px; }


/* 字体粗细 */
.bold{
    font-weight: bold;
}
.cu{
    border-radius: 50%;
    background-color: #00bdff;
    color: #fff;
}

/* margin */
.ml10{ margin-left: 10px;}
.mt100{margin-top: 100px;}


/* padding */
.ptb27{ padding: 27px 0;}





/* 公共模块样式 */



